<template>
  <div>
    <input type="radio" :checked="checked" >
    <p></p>
    <AnotherComponent></AnotherComponent>
    <p></p>
    <button ref="aButton">ddddd</button>
    <p></p>
  </div>
</template>
<script lang="ts">
import { Options, Vue } from 'vue-class-component'
import { Model, Ref } from 'vue-property-decorator'
import AnotherComponent from './another-component.vue'

@Options({
  components: {
    AnotherComponent
  }
})
export default class YourComponent extends Vue {
  @Model('change', { type: Boolean }) readonly checked!: boolean

  @Ref() readonly anotherComponent!: AnotherComponent
  @Ref('aButton') readonly button!: HTMLButtonElement
}
</script>
